var laypage = layui.laypage;
var form = layui.form;

var data = {
    pagenum: 1,  // 当前页
    pagesize: 2, // 每一页数据的数量
    // cate_id: 1,  // 类别id
    // state: '已发布' // 状态
}
// 获取列表数据---------------------------------------
function listRender() {
    $.ajax({
        url: '/my/article/list',
        data: data,
        success: function (res) {
            // console.log(res);

            var htmlStr = template('list_data', res);

            $('tbody').html(htmlStr);

            paging(res.total);
        }
    });
}

listRender();

// 分页------------------------------------------------
function paging(re) {
    //执行一个laypage实例
    laypage.render({
        elem: 'page', //注意，这里的 test1 是 ID，不用加 # 号
        count: re, //数据总数，从服务端得到
        curr: data.pagenum,   // 当前页
        limit: data.pagesize,  // 显示的条数
        limits: [2, 5, 10],  // 每项条数的选项
        groups: 5,  // 连续出现的页码个数
        layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'], // 自定义排版
        jump: function (obj, first) {
            // console.log(obj.curr);
            // console.log(first);

            //首次不执行
            if (!first) {
                //do something
                data.pagenum = obj.curr;
                data.pagesize = obj.limit;
                // console.log(re.data);
                listRender();

            }
        }
    });
}



// 获取分类，给下拉框填值-------------------------------------------
$.ajax({
    url: '/my/category/list',
    success: function (res) {
        // console.log(res);

        var htmlStr2 = template('sele_list', res);

        $('.sele1').html(htmlStr2);

        // 局部渲染 select, 解决form元素动态添加，渲染失效问题
        form.render('select');
    }
})

// 筛选-------------------------------------------
$('#list-form').on('submit', function (e) {
    e.preventDefault();

    // 分类
    var cate_id = $('select').eq(0).val();
    // 状态
    var state = $('select').eq(1).val();
    // 如果分类不为空，就把值添加到data里，否则删掉
    cate_id ? data.cate_id = cate_id : delete cate_id;

    state ? data.state = state : delete state;

    // 渲染数据
    listRender();
});



// 删除-----------------------------------
$('body').on('click', '.list-delete', function () {

    // 获取点击的索引值
    var index = $(this).data('index');
    // console.log(index);
    $.ajax({
        url: '/my/article/delete/' + index,
        // data: { id : index },
        success: function (res) {
            layer.confirm('您确定要删除吗？', function (index) {
                layer.msg(res.message);
                // 删除成功渲染页面
                if (res.status == 0) {
                    listRender();
                }
            })
        }

    });
});


// 编辑----------------------------
$('tbody').on('click', '.list-edit', function () {

    // 获取要编辑的id
    var id = $(this).data('id');

    // 把 id 当作参数在 href 里传递给 发表文章页面

    window.location.href = './edit.html?id=' + id;

});

